<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@	page import="java.util.*"%>
<%
	Random rand = new Random();
	int num = rand.nextInt(100000);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/form.css" type="text/css">
<script type="text/javascript" src="js/jquery-1.3.2.min.js?v=<%=num%>"></script>
<script type="text/javascript" src="js/jquery.columnfilters.js?v=<%=num%>"></script>
<script type="text/javascript" src="js/yunyshaMaster.js?v=<%=num%>"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('table#filterTable1').columnFilters({alternateRowClassNames:['rowa','rowb']});
	});
</script> 

<style type="text/css">
table tr th {
	background-color: #d3DADE;
	padding: 3px;
}
table tr.rowb { background-color:#EEEEEE; }

table tr.filterColumns td { padding:2px; }

body { padding-bottom:150px; }

</style>
</head>
<body>
<jsp:include page="menu.jsp" /><div class="main_content">
<div>

<div style="margin-left:10px">

<div class="sectionheading">Estimation</div>

<div class="clear">&nbsp;</div>

<table id="filterTable1" cellspacing="0" cellpadding="2">
<thead>
<tr>
    <th><input id="chk_all" type="checkbox"	value="" name="chk_all" onClick="selectAll()"/></th>
	<th>Style Number</th>
	<th>Date of creation</th> 
	<th>Gender</th>
	<th>Exclusive</th>
	
</tr>
</thead>
<tfoot></tfoot>
<tbody>

<tr>
	<td><input id="chk_1" type="checkbox"	value="" name="chk_all"/></td><td>S1001</td><td>29/07/2012</td><td>Male</td><td>Y</td>
</tr>

<tr>
	<td><input id="chk_2" type="checkbox"	value="" name="chk_all"/></td><td>S1002</td><td>05/08/2012</td><td>Female</td><td>Y</td>
</tr>

<tr>
	<td><input id="chk_3" type="checkbox"	value="" name="chk_all"/></td><td>S1003</td><td>10/08/2012</td><td>Female</td><td>Y</td>
</tr>
<tr>
	<td><input id="chk_4" type="checkbox"	value="" name="chk_all"/></td><td>S1004</td><td>12/08/2012</td><td>Unisex</td><td>N</td>
</tr>
<tr>
	<td><input id="chk_5" type="checkbox"	value="" name="chk_all"/></td><td>S1005</td><td>14/08/2012</td><td>Unisex</td><td>Y</td>
</tr>
<tr>
	<td><input id="chk_6" type="checkbox"	value="" name="chk_all"/></td><td>S1006</td><td>06/09/2012</td><td>Unisex</td><td>N</td>
</tr>
<tr>
	<td><input id="chk_7" type="checkbox"	value="" name="chk_all"/></td><td>S1007</td><td>15/09/2012</td><td>Male</td><td>N</td>
</tr>
</tbody>
</table>

<script type="text/javascript">
setTimeout('document.getElementById("_filterText0").style.display="none"','200');
</script>

</div>

<div id="buttons_div" style="align:right;margin-left:10px">
<input type="button" id="GenerateCatalogue" onClick="GenerateCatalogue();" value="Generate Catalogue" title="Generate Catalogue" name="GenerateCatalogue"/>
</div>

<ul id="thicktabs" style="margin-top:40px;margin-left:10px;display:none">
	<li><a id="tab-1" href="#" onclick="changeTabs('1')">Diamond</a></li>
	<li><a id="tab-2" href="#" onclick="changeTabs('2')">Metal</a></li>
	<li><a id="tab-3" href="#" onclick="changeTabs('3')">Findings</a></li>
	</ul>
<br style="clear: left" />
<div class="tab_div" style="margin-left:10px;display:none" id="tab_div">
<table id="fragment-1"  style="display:">
<tr>
<td>Diamond/Colour Stone</td>
<td>Shape</td>
<td>Size</td>
<td>Band</td>
<td>Pieces</td>
<td>Weight</td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond1" class="text_field_required" ></td>
<td><input type="text" value="" id="txtShape1" class="text_field_required"></td>
<td><input type="text" value="" id="txtSize1" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand1" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces1" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight1" class="text_field_required"></td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond2" class="text_field_required" ></td>
<td><input type="text" value="" id="txtShape2" class="text_field_required" ></td>
<td><input type="text" value="" id="txtSize2" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand2" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces2" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight2" class="text_field_required"></td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond3" class="text_field_required" ></td>
<td><input type="text" value="" id="txtShape3" class="text_field_required"></td>
<td><input type="text" value="" id="txtSize3" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand3" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces3" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight3" class="text_field_required"></td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond4" class="text_field_required" ></td>
<td><input type="text" value="" id="txtShape4" class="text_field_required"></td>
<td><input type="text" value="" id="txtSize4" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand4" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces4" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight4" class="text_field_required"></td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond5" class="text_field_required" ></td>
<td><input type="text" value="" id="txtShape5" class="text_field_required" ></td>
<td><input type="text" value="" id="txtSize5" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand5" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces5" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight5" class="text_field_required"></td>
</tr>
</table>
<table id="fragment-2" style="display:none">
<tr>
<td>Particulars</td>
<td><input type="text" value="" id="metalParticulars" class="text_field_required"></td>
</tr>
<tr>
<td>Metal Kt</td>
<td><input type="text" value="" id="metalKt" class="text_field_required"></td>
</tr>
<tr>
<td>Metal Colour</td>
<td><input type="text" value="" id="metalColour" class="text_field_required"></td>
</tr>
<tr>
<td>14K Wt</td>
<td><input type="text" value="" id="metal14KWt" class="text_field_required"></td>
</tr>
<tr>
<td>18K Wt</td>
<td><input type="text" value="" id="metal18KWt" class="text_field_required"></td>
</tr>
</table>
<table id="fragment-3"  style="display:none">
<tr>
<td>Particulars</td>
<td><input type="text" value="" id="findingsParticular" class="text_field_required"></td>
</tr>
<tr>
<td>Metal Kt</td>
<td><input type="text" value="" id="findingsKt" class="text_field_required"></td>
</tr>
<tr>
<td>Metal Colour</td>
<td><input type="text" value="" id="findingsColour" class="text_field_required"></td>
</tr>
<tr>
<td>14K Wt</td>
<td><input type="text" value="" id="findings14KWt" class="text_field_required"></td>
</tr>
<tr>
<td>18K Wt</td>
<td><input type="text" value="" id="findings18KWt" class="text_field_required"></td>
</tr>
</table>
</div>
<p class="iepara"></p>
</div>
</div>
</body>
</html:html>